<!--
 * @Author: 云风 1558003416@qq.com
 * @Date: 2022-05-11 11:48:02
 * @LastEditors: 云风 1558003416@qq.com
 * @LastEditTime: 2022-05-11 17:12:47
 * @FilePath: \vue3_admin_jinxu\src\App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <el-config-provider :locale="locale"> <router-view /></el-config-provider>
</template>
<script>
import { defineComponent } from "vue";
import { ElConfigProvider } from "element-plus";
import zhCn from "element-plus/lib/locale/lang/zh-cn";
export default defineComponent({
  components: {
    ElConfigProvider,
  },
  setup() {
    let bgcolor = window.localStorage.getItem("bgcolor") || "theme";
    document.getElementById("app").className = bgcolor;
    return {
      locale: zhCn,
    };
  },
});
</script>
<style lang="less">
// @import "@/assets/css/global.less";
* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  // text-align: center;
  color: #2c3e50;
  height: 100%;
  width: 100%;
}
</style>
